
:root{
  --theme-bg-color:#24292F;
  --theme-font-color-a:white;
  --theme-font-color-b:black;

}
.el-header{
  padding: 0;
}
.common-header{
  box-sizing: border-box;
  padding:0 15px;
  height: 100%;
  width: 100%;
  background: var(--theme-bg-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--theme-font-color-a);
  overflow: hidden;
}
.common-header a{
  color: var(--theme-font-color-a);

}
.common-header .el-menu{
  height: 100%;
  width: calc(100% + 70px);
  padding: 5px 0  ;

}
.common-header .el-menu a:hover{
  text-decoration: none !important;
}
.el-menu--popup {
  min-width: 110px;
}
/* logo */
.common-header .site-title{
  font-size: 27px;
}
.common-header a:hover{
  text-decoration: unset !important;
}


.common-header .other-links a{
  margin:0px 15px 15px 0px;
}
.common-header .other-links .el-tag{
  padding: 10px;
  margin-bottom: 15px;
}
/* 侧边弹出菜单 */
.drawer .menu-item{
  color:var(--theme-font-color-b);
  margin: 20px 0;
}
.el-collapse-item__content a{
  color:var(--theme-font-color-b);
}
.common-header .drawer .item-title,
.common-header .drawer .el-collapse-item__header
{
  font-size: 17px ;
  font-weight: bold ;
}
.common-header .drawer .sub-item{
  font-size: 17px ;
}